<div class="header flex ">
    <img src="assets/images/white_left.svg" alt="" class="header_img">
    <div class="header_cut"></div>
    <div class="header_title">更新</div>
</div>
<div class="background">
    <div class="notes">
        <img src="assets/images/icon-waring.png" alt="" class="notes_img">
        <div>您的设备未连接到互联网。请 </div>
        <a>&nbsp;&nbsp;修改IP&nbsp;&nbsp;</a>
        <div> 连接互联网或选择离线更新的方式更新应用。</div>
    </div>
    <div class="title">
        <div class="title_text1">
            <div>您有</div>
            <div style="color: rgb(255, 80, 80);">&nbsp;&nbsp;3&nbsp;&nbsp;</div>
            <div>个应用可以更新</div>
        </div>
        <div class="title_text2">请前往华为云HiLens-技能市场进行更新</div>
        <div class="title_button">前往技能市场</div>
    </div>
    <div class="table">
        <div class="table_title">可更新应用</div>
        <nz-table #basicTable [nzData]="updateData" [nzSize]="'middle'">
            <thead>
                <tr>
                    <th>AI应用名称</th>
                    <th>对应设备</th>
                    <th>目前版本号</th>
                    <th>上次更新时间</th>
                    <th>到期时间</th>
                    <th>操作</th>
                </tr>
            </thead>

            <tbody>
                <tr *ngFor="let data of basicTable.data">
                    <td>{{data.name}}</td>
                    <td>{{data.device}}</td>
                    <td>{{data.version}}</td>
                    <td>{{data.updatetime}}</td>
                    <td>{{data.limittime}}</td>
                    <td class="table_td">
                        <div style="cursor: pointer;width: 48px;height: 18px;" (click)="offlineUpdate()">离线更新</div>
                    </td>
                </tr>
            </tbody>
        </nz-table>
    </div>
</div>
<nz-modal [(nzVisible)]="updateIsVisable" nzCentered [nzFooter]=null [nzWidth]="600" (nzOnCancel)="updateCancel()">
    <ng-container *nzModalContent>
        <div class="update_modal">
            <div class="update_title">上次更新包</div>
            <div class="update_data">
                <div class="update_data_text">
                    文件路径
                </div>
                <div class="update_data_input">
                    <nz-upload nzAction="https://www.mocky.io/v2/5cc8019d300000980a055e76" [nzHeaders]="{ authorization: 'authorization-text' }" style="flex: 1;">
                        <nz-input-group [nzSuffix]="suffixIconSearch">

                            <input type="text" nz-input placeholder="请选择文件" class="update_long_input" />
                        </nz-input-group>
                        <ng-template #suffixIconSearch>
                            <img src="assets/images/folder.svg" alt="" class="update_input_img">
                        </ng-template>



                    </nz-upload>

                </div>
                <div class="upload_file">上传文件</div>
            </div>
            <div class="update_note">
                <div class="warn"><img src="assets/images/tanhao.svg" alt="" class="warn_img"></div>
                <div>该文件不是 </div>
                <div style="color: #252B3A;">&nbsp;&nbsp;安全帽识别&nbsp;&nbsp;</div>
                <div> 的更新文件，请重新上传。</div>
            </div>
            <div class="update_button">
                <div class="update_ok" (click)="updateOk()">确定</div>
                <div class="update_cancel" (click)="updateCancel()">取消</div>
            </div>
        </div>

    </ng-container>
</nz-modal>